-
Notifications
You must be signed in to change notification settings - Fork 48
Ports-Elise #38
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
Ports-Elise #38
Conversation
|
|
||
| <nav> | ||
| <ul> | ||
| <nav class="nav-bar"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I like the addition of these classes. I think you did a great job of choosing descriptive names.
| @@ -0,0 +1,349 @@ | |||
| /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ | |||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great job adding a normalize file!
| background-color: lightgoldenrodyellow | ||
| } | ||
|
|
||
| .nav-bar-list { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This looks great and follows the wireframe.
|
|
||
| .container { | ||
| max-width: auto; | ||
| display: grid; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If you want to make sure your webpage more responsive to changes, you could try removing the grid display from the container. (I played with this, and removing grid display from your container causes some other unintended changes (that should be easily fixable), but be aware of that!)
| } | ||
|
|
||
| a:hover { | ||
| font-weight: bold; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I like this! It really drives attention to the link
| } | ||
|
|
||
| #quote { | ||
| margin-left: 10px; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think using rem or em here like you do other places would help making your webpage even more accessible.
Startrly
Congratulations! You're submitting your assignment.
Comprehension Questions